@import 'element-plus/theme-chalk/dark/css-vars.css';

html.dark {
  background-color: #141414;
  // 侧边栏背景色
  --sider-bg-color: #000000;
  // header logo 文字颜色
  --header-logo-text-color: #ffffff;
  // 侧边栏菜单的文字颜色
  --sider-menu-text-color: #ffffff;
  // sub menu bg color
  --sider-sub-menu-bg-color: #000000;
  // 侧边栏子菜单 hover 的颜色
  --sider-sub-menu-hover-bg-color: var(--el-color-primary-light-8);
  // 激活文字颜色
  --sider-ment-active-text-color: var(--el-color-primary);
  // 激活时背景色
  --side-active-menu-bg-color: rgba(255, 255, 255, 0.08);

  /* 自定义深色背景颜色 */
  --el-bg-color: var(--sider-sub-menu-hover-bg-color);
  --el-fill-color-blank: var(--sider-bg-color);
  --el-bg-color-overlay: var(--sider-bg-color);
  --header-bg-color: var(--sider-bg-color);

  // border color
  --el-border-color-lighter: #000000;
  --el-fill-color-light: #141414;

  // side sub menu margin
  --sider-sub-menu-bg-margin: 0px 0.05rem;

  --el-mask-color: transparent;
  --border-left-color: #141414;
  --table-bg-color: #1d1e1f;
  --el-menu-item-active: #1d1e1f;
}
